<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            background-color: #85718c;
            margin:0;
        }
        h1{
            text-align: center;
        }
        .ta{
            margin: auto;
            width: 100%;
            height: 150%;
            font-size:22px; 
        }
        .div{
            opacity: 0.6;
            position: relative;
            width: 400px;
            /* height: 100px; */
            /* padding-bottom: 50%; */
            text-align: center;
            background-color: rgb(194, 172, 198);
            margin-top: 50px;
            /* margin-bottom: 0; */
            margin: auto;
            top: 250px;
            border-radius: 30px;
        }
        td button{
            width: 50%;
            margin-left: -20%;
            margin-top: 10%;
            margin-bottom: 10%;
            border-radius: 10px;
        }
        td button:hover{
            background-color:#bc8422;;
        }


        @media screen and (min-width: 1000px){
		  	.tital{
		  		position:fixed;
		  		opacity: 0.5;
		  		width:100%;
		  		background-color : white;
		  		top:0px;
		  		height:70px;
		  		z-index:100;
		  	}
		  	.tital img{
		  		position: absolute;
		  		left :0;
                right:0;
                height:100%;
		  		margin :auto;
        }
        .a{
          width: 50%;
          font-size: 18px;
        }
        .b{
          font-size: 14px;
        }
        .c{
          font-size: 18px;
        }
        .d{
          font-size: 14px;
        }
        .e{
          font-size: 18px;
        }
        .f{
          font-size: 18px;
        }
        .g{
          font-size: 18px;
        }
        



      }
      @media screen and (max-width: 1000px){

      	.tital{
      		position:fixed;
      		opacity: 0.5;
      		width:100%;
      		background-color : white;
      		top:0px;
      		height:50px;
      		z-index:100;
      	}
      	.tital img{
      		position: absolute;
      		left :0;
      		right:0;
      		top:0;
      		bottom:0;
            margin :auto;
            height: 100%;
      	}

      }

    </style>
    <script>
   
        
    </script>
</head>
<body>
    <body background="img/3.jpg"
    style=" background-repeat:no-repeat ;
    background-size:100% 100%; 
    background-attachment:fixed;" >

    <div class="tital"><img src="img/regist.png" ></img></div>




    <div class="div">
        <form value=""  name="myForm" action="regist"  method="post"  align="center">
        <table  class="ta" >
            <caption align="top">注册信息／E-mail</caption>
            <tr class="a">
                 <td >用户名       </td>
                 <td><input type="text" value=""  name="id"  style="width: 250px"> (*)  </td>
            </tr>
        
            <tr class="b">
                <td></td>
                <td>(用户名请用字母、数字、下划线等)</td>
            </tr>
        
            <tr class="c">
                <td>密码       </td>
                <td><input type="text" value="" name="password" style="width: 250px">(*)</td>
            </tr>
            
            
            <tr class="d">
                 <td></td>
                 <td>(至少8个字符，大写，小写，加数字)</td>
            </tr>
        
            <tr class="e">
                  <td>确认密码       </td>
                  <td><input type="text" value="" name="确认密码" style="width: 250px">(*)</td>
            </tr>

            <tr class="f">
                <td>qq       </td>
                <td><input type="text" value=""  name="qq" style="width: 250px">(*)</td>
            </tr>
          
            <tr class="g">
                <td>手机号       </td>
                <td><input type="text" value="" name="phone" style="width: 250px">(*)</td>
            </tr>
            
            <tr class="l">
                <td>用户typeid       </td>
                <td><input type="text" value=""  name="typeid" style="width: 250px">(*)</td>
            </tr>

            <tr class="h">
                <td></td>
                <td><button style="width: 150px;height: 30px;font-size: 16px;">注册</button></td>
            </tr>
            
           
        
            </table>
        </form>
    </div>
    
</body>
</html>